:root {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Colors */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-dark: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card: rgba(24, 24, 27, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card-hover: rgba(39, 39, 42, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-sidebar: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime-hover: #E2FF6F;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-glow: rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --text-white: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --text-gray: #A1A1AA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --text-dark: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --accent-blue: #3B82F6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --accent-green: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --accent-orange: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --accent-red: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --accent-purple: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --border-color: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Spacing */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --sidebar-width: 280px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --header-height: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Radius */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --radius-lg: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --radius-md: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --radius-sm: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}* {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-sizing: border-box;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Outfit', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-image: radial-gradient(circle at 50% 0%, #1a1a1a 0%, var(--bg-dark) 60%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Custom Scrollbar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}::-webkit-scrollbar-thumb:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.app-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Sidebar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: var(--sidebar-width);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-width: var(--sidebar-width);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: var(--sidebar-width);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-sidebar);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-right: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logo-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 0px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced to bring text closer to the icon's visual weight */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 15px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: -5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Slight offset to compensate for icon padding */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logo-img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: contain;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    mix-blend-mode: screen;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logo-container:hover .logo-img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.08) rotate(2deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logo-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.brand {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 850;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 26px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tagline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #A1A1AA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.8;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-menu {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Standardize border to prevent jump */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-left: 3px solid transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, rgba(212, 244, 88, 0.15) 0%, transparent 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-left: 3px solid var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-divider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 12px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Compensate for 1px border vs 3px border (Diff 2px) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sidebar-footer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-profile {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-profile:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.avatar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-role {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.options-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-profile:hover .options-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* User Switcher Popover */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-switcher-popover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: calc(100% + 12px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 240px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #121214;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: slideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 768px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .user-switcher-popover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        bottom: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        left: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateX(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        max-width: calc(100vw - 40px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-switcher-popover.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes slideUp {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.popover-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option.current {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option .name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.user-option.current .name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.popover-divider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hidden Add Account - Multi-account flow now managed via Lock Screen */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.add-user-option:not(.logout-option) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logout-option {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logout-option:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logout-option i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logout-option span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Main Content */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.main-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 30px 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: fadeIn 0.6s ease-out;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes fadeIn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.top-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.greeting-container h1 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-display {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill i.fa-chevron-left,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill i.fa-chevron-right {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill i.fa-chevron-left:hover,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill i.fa-chevron-right:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.date-selector-pill span i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-icon:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.notification-dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, var(--primary-lime), #C2E246);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px) scale(1.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 20px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, var(--primary-lime), #C2E246);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Ensure it stands out */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px) scale(1.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 20px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dashboard-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(3, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-rows: auto auto auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Cards */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Cards */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(12px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-backdrop-filter: blur(12px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: var(--radius-lg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Stat Cards (Row 1) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 170px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Approximate fixed height for uniformity */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge.fire i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge.blue i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge.green i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 12px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 400;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-details {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.detail-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Extended Card Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-card.extended {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 260px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge-square {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value-big {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 48px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.divider-line {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 8px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.extra-stats-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-box .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-box .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-box .value.lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mb-4 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-bar-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.blue-bar .progress-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ketosis-status {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-indicator {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-indicator .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: pulse-blue 2s infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes pulse-blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    0% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    70% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 6px rgba(59, 130, 246, 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    100% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.green-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.purine-meter {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meter-segment {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meter-segment.active.low {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meter-segment.active.medium {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Example logic */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* New Carbs Card Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-left-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-tag {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-tag.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(59, 130, 246, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge-square.blue-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(39, 39, 42, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.unit-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 400;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pulsing-dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-right: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: pulse-blue 2s infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pulsing-dot.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sub-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-bar.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(59, 130, 246, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Impact Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.impact-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-top: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.impact-section .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dots-meter {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dots-meter .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dots-meter .dot.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 5px rgba(16, 185, 129, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-text.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mt-2 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Purine Card Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-badge-square.green-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(16, 185, 129, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value-big.green-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value-big.orange-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value-big.red-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.segmented-meter {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* For inner fill */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 0%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg.green .seg-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg.orange {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(245, 158, 11, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg.orange .seg-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(245, 158, 11, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(239, 68, 68, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.seg.red .seg-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.prediction-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.4;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-top: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Macro Card (Row 2, Spanning 2 columns) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-column: span 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 420px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-layout {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-around;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-center-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translate(-50%, -50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-center-text .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-center-text .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-center-text .unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px auto 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* New Macro Stats Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-container h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-container .subtitle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.4;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 250px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-cards-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stat-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stat-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-box-small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-box-small.lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-box-small.grey {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-box-small.dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.top-row,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bottom-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.top-row .name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.top-row .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bottom-row .sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bottom-row .percent {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stat-card.fat .percent {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stat-card.protein .percent {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ccc;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stat-card.carbs .percent {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hydration Card (Row 3, smaller) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hydration Card (Row 3, smaller) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 210px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #16181D;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Slightly bluish dark */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(59, 130, 246, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-header .title {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-header .water-count {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: right;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drops-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #333;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drops-container .active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: drop-shadow(0 0 5px rgba(59, 130, 246, 0.6));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-dashed {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed #444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-dashed:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Timer Card - Premium Dashboard Redesign */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 120%, rgba(212, 244, 88, 0.1), rgba(0, 0, 0, 0) 70%),


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        linear-gradient(135deg, #18181b 0%, #09090b 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 420px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Increased for better breathing room */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: -50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 200%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 200%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 50%, rgba(212, 244, 88, 0.03), transparent 60%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dashboard-timer-scale {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(0.82);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Increased from 0.68 for more impact */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform-origin: center top;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: -10px auto -50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Better vertical balancing */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-circle-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-svg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(-90deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: visible;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    fill: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke-width: 12;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-progress {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    fill: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Dashboard uses Lime */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke-width: 12;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke-linecap: round;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke-dasharray: 848;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    stroke-dashoffset: 848;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: stroke-dashoffset 0.5s linear;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: drop-shadow(0 0 10px rgba(212, 244, 88, 0.4));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-knob-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.5s linear;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-knob {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 4px solid #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translate(-50%, 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-inner-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge-neon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Pill style */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-digits-giant {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 64px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -1.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-variant-numeric: tabular-nums;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Inter', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-meta-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-meta-row .sep {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    vertical-align: middle;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- New Premium Dashboard Elements --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle-lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-pill-neon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 0 10px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-controls-premium {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Ensure it stays on top of any overlapping ring container */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.active-controls-flex {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-glass-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-glass-icon:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-glass-stop {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-glass-stop:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-lime-giant {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 8px 30px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-lime-giant:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-3px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 12px 40px rgba(212, 244, 88, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-white-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s, box-shadow 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-white-icon i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-white-icon:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.active-controls-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-icon-small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-icon-small:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-lime-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, var(--primary-lime), #C2E246);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-lime-icon:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 20px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Remove old Timer Card text shadow to match flat premium look if needed, or keep for effect. keeping for now based on image 2 which is clean */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-display {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 64px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Tighter letter spacing for numbers */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-variant-numeric: tabular-nums;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 10px 0 20px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced top margin to fit */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-display small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Force new line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Compact stats for better fit */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-stats-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-box-dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced from 16px */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Quick Add Card (Row 3, Span 2) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Quick Add Card (Row 3, Span 2) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-add-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-column: span 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 210px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-header.simple {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.link-yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-buttons {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(4, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-btn:active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(0.98);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Larger icon */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-btn:hover .icon-circle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.orange {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F97316;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.purple {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-btn span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.orange i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #f97316;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.green i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10b981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.red i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ef4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-circle.purple i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #8b5cf6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Responsive */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 1200px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .dashboard-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-template-columns: repeat(2, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .macro-card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .quick-add-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-column: span 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .stat-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-column: span 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 768px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .app-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-right: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-bottom: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 12px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: row;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .nav-menu,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .sidebar-footer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Simplified mobile menu for now */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .dashboard-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .macro-card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .quick-add-card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .stat-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-column: span 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .logo-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        margin-bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   FOOD LOGGER PAGE STYLES


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-logger-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 2.2fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Wider left column for 'Today's Log' */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: calc(100vh - 140px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Adjust based on header height */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logger-left-col,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logger-right-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Hide scrollbar for cleaner look but keep functionality */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    scrollbar-width: thin;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.logger-left-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Space for scrollbar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* === SEARCH SECTION === */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.search-container.card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-wrapper i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-wrapper input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-arrow-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-arrow-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pills {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-wrap: wrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill.active,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill .dot.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.pill .dot.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #3B82F6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* === FOOD ITEMS LIST === */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.section-header-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.section-header-row h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.section-header-row .count {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-results-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-item-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-item-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-image {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #222;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-image img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.purine-strip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, #F59E0B, #EF4444);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-details {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-header h4 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badges {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dot-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dot-badge.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 5px rgba(16, 185, 129, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dot-badge.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #3B82F6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 5px rgba(59, 130, 246, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dot-badge.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-warning {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(239, 68, 68, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.serving-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: fit-content;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .macro {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 9px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .val {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .val.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .val.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-macros .val.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.qty-control {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.qty-control input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.qty-control span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-circle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-circle.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-circle.gray {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-circle:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* === RIGHT SIDEBAR (STATS) === */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(145deg, #1e1e1e, #141414);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Uniform padding */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 220px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Ensure enough height */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Background watermark icon */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-bg-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 140px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(-10deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-header-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* z-index fix */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* More space for the gauge */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-header-row h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Slightly bigger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-risk {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(239, 68, 68, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(239, 68, 68, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(239, 68, 68, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-gauge-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.gauge-bar-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.gauge-bar-gradient {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Green -> Yellow -> Red -> Dark Red (Crit) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, #6EE7B7 0%, #FCD34D 40%, #EF4444 75%, #7F1D1D 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.gauge-marker {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Floating above */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.8));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: bounceMarker 2s infinite ease-in-out;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes bounceMarker {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    0%,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    100% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateX(-50%) translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    50% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateX(-50%) translateY(-3px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.gauge-labels {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-value-center {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-warning-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(239, 68, 68, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Very subtle red bg */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(239, 68, 68, 0.25);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-warning-box .warning-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.risk-warning-box .warning-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sub-link {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Daily Macros Rings */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-rings-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-around;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 0 24px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-ring-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* conic-gradient trick for ring */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: conic-gradient(var(--c) calc(var(--p)*1%), rgba(255, 255, 255, 0.05) 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* thickness */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* match card bg */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --c: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --c: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-container.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --c: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-info .val {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-info .lbl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* === TODAY'S LOG (Premium Update) === */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Existing card styles inherited */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Timeline vertical line logic */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-timeline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-timeline::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Align with dots */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Space for dot */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced to fit summary */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Gap effect */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Fine tune centering on line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header .dot.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(245, 158, 11, 0.4), 0 0 0 4px rgba(22, 24, 29, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header .dot.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(16, 185, 129, 0.4), 0 0 0 4px rgba(22, 24, 29, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header .dot.gray {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #4B5563;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 4px rgba(22, 24, 29, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.group-header .dot.purple {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(139, 92, 246, 0.4), 0 0 0 4px rgba(22, 24, 29, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-title-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: baseline;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-time {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: monospace;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 22px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Indent to align with text */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-cal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-purine {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-purine.high {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-carb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Item Container Box */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-items-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 22px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Vertical padding */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Align top for multi-line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item:last-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item-details {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-name.warning {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-cals {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* margin-right: 24px; REMOVED to prevent pushing icon out */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Empty State / Add Meal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 22px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-style: italic;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.add-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-progress {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-progress .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 5px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Today's Log */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.todays-log-card h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-timeline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-left: 1px dotted rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: -25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* On the timeline line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header .dot.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header .dot.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header .dot.gray {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .meal-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .time {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: monospace;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   FOOD DATABASE PAGE STYLES


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-header h1 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 8px 0 10px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.badge-pill-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-subtitle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 600px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.legend-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.legend-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Controls Bar (Premium Unified Redesign) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-premium-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #0c0c0e;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-search-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-right: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-search-section i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-search-section input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-filter-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-right: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-x: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Allow scroll on small screens */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hide scrollbar for clean look */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-filter-section::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern.dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #9CA3AF;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern.dark:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Dots in filters */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: currentColor;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern .dot.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern .dot.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill-modern .dot.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.v-divider-small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.food-db-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Database Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-food-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.3s ease, box-shadow 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-food-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-5px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-image {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 180px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-image img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.5s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-food-card:hover .db-card-image img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-image::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(to top, #1a1a1c 0%, transparent 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(16, 185, 129, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(245, 158, 11, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(239, 68, 68, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-header h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 0 4px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-header .category {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bookmark-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bookmark-icon:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-stats-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #121212;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .lbl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #777;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .val {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .val small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #666;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 400;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .val.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .val.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-col .val.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.v-line {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.safe i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.caution i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F59E0B;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-tip.avoid i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.load-more-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-load-more {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-food {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-food:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 20px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-food i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-load-more:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Food Card Premium Redesign (Image 2 Style) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-food-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #111113;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-food-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-8px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-image {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 180px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, rgba(39, 39, 42, 0.5) 0%, rgba(17, 17, 19, 1) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-image i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 0 30px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-custom-img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: inherit;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(8px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "●";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #facc15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(250, 204, 21, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ef4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(239, 68, 68, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-card-header h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bookmark-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bookmark-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bookmark-btn.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Favorites Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-section.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-manage-favs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-manage-favs:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.v-divider-small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-header i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-custom-img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: inherit;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-x: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-row::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-row::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-row::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Small Cards for Favorites */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-food-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-width: 130px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 130px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0d0d0f;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-food-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-food-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-food-card h4 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-overflow: ellipsis;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-category {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Stats Capsule (Horizontal Design from Image 2) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-stats-capsule {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-stat-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-divider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-stat-group .stat-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-stat-group .stat-value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value.purine {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #facc15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value.carb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-value small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Tip Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-tip-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-top: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-tip-section i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #facc15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.db-tip-section p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Modal Overlay */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-overlay {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(8px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-overlay.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Premium Modal Content */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.premium-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 90%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 400px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced further to ensure no overlap */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 98vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Total scroll kill */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: modalScaleUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes modalScaleUp {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.9) translateY(20px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(1) translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, transparent 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header h2 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Slightly smaller */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, #fff 0%, #a1a1aa 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-background-clip: text;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-clip: text;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-text-fill-color: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-modal:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ef4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(239, 68, 68, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(90deg) scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Editor Body */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced vertical padding */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Reduced gap */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.editor-main {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Stack vertically for consistency in narrow modal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-selector-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: row;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Horizontal icon select to save height */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.current-icon-display {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 50%, #18181b 0%, #09090b 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.current-icon-display i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.current-icon-display:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow:


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        0 25px 50px rgba(0, 0, 0, 0.5),


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        0 0 20px rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-change-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(4, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 250px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid i:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.editor-fields {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.editor-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 9px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Brighter for better legibility */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group select {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-repeat: no-repeat;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-position: right 20px center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 48px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group input,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group select,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group textarea {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #111113;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group input:focus,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group select:focus,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group textarea:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-editor {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* 2 cols is safer for narrow space */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.01);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-editor .input-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-editor .input-group input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-sizing: border-box;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Crucial for width: 100% */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-footer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Space out buttons */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-cancel {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Stretch to fill space safely */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Main action is bigger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 5px 15px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save:active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-modern {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(239, 68, 68, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ef4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-right: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Push to the left */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-modern:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #ef4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-modern.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   FOOD LOG PREMIUM REDESIGN (REF: NEW IMAGE)


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Restore Timeline Line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-timeline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Subtle line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 10px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 30px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Log Group Wrapper */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Style */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Dot on Timeline */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .group-header .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: -29px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Centered on line */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 4px rgba(9, 9, 11, 1) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Masking */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Text */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .meal-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-group .meal-time {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Outfit', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Standard font, not monospace */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Meal Summary Row */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-cal,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-purine,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-summary-row .val-carb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* FILLED Container - The Solid Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-items-container.filled {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #121214 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Contain children */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* EMPTY Container - Transparent */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-items-container.empty {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Item Row within Filled Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px 24px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: background 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.01) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item:last-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Item Typography */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.item-cals {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-width: unset;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: right;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Delete Button Visibility */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: opacity 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.log-item:hover .btn-delete-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Empty State Dashed Box */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed rgba(255, 255, 255, 0.08) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 70px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Matches approx visual weight of a meal item */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Matches card radius */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.02) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box .empty-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Slightly bigger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-style: italic;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.empty-state-box .add-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   QUICK LOG CARD STYLES


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Spacing below it */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-btn-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-btn-wrapper:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Stacked */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: left;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-icon.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(253, 224, 71, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FDE047;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-icon.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-icon.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(248, 113, 113, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F87171;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-icon.purple {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(192, 132, 252, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #C084FC;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .ql-sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn .arrow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s, color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn:hover .arrow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hover glow effects based on color */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn:hover .ql-icon.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(253, 224, 71, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn:hover .ql-icon.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.quick-log-btn:hover .ql-icon.red {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(248, 113, 113, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   QUICK ADD MODAL STYLES


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-overlay {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(8px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 9999;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: opacity 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-overlay.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    visibility: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 90%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 500px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 85vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: modalSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes modalSlideUp {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(20px) scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0) scale(1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 24px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-btn.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-btn.active::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: -1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px 2px 0 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-content.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Nutritional Summary Bar Styles --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-nutrition-summary {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(4, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-nutrition-summary .nav-metric {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-nutrition-summary .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-nutrition-summary .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-nutrition-summary .unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* AI Scan Help Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ai-scan-help {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-header i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    list-style: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 0 16px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-list li {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-list li:last-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-note {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(124, 58, 237, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-left: 3px solid #7C3AED;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.help-note i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #7C3AED;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hide search bar when AI Scan tab is active */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body.ai-scan-active>input,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body.ai-scan-active input[type="search"],


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body.ai-scan-active input[placeholder*="Search"],


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body.ai-scan-active input[placeholder*="favorites"],


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body.ai-scan-active input[placeholder*="Favorites"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hide any orphan search inputs not inside tab-content */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body>input,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body>div:not(.tab-content) input[type="search"],


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body>div:not(.tab-content) input[placeholder*="Search"],


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body>div:not(.tab-content) input[placeholder*="favorites"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Favorites Search Input */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-search-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-search-input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px 12px 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.5)' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 https://generativelanguage.googleapis.com/v1/models/gemini-1.5-flash:generateContent 8.48l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-repeat: no-repeat;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-position: 12px center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-search-input:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-search-input::placeholder {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Favorites List */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-item-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-item-row:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Quick Add Modal Premium Redesign --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-overlay {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #141414;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 40px rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 95%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 480px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-header h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -0.02em;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 16px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-btn.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 24px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Favorites List Card Style */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 400px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Custom Scrollbar for Modal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-list::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-list::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.favorites-list::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-item-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-item-row:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-icon-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-name-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-dot.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #34C759;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(52, 199, 89, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-dot.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #FFCC00;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(255, 204, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-dot.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #FF3B30;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px rgba(255, 59, 48, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-chips-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-wrap: wrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chip.cal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chip.p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FF3B30;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chip.f {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FFB800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chip.c {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #34C759;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-fav {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-fav:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1) rotate(90deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #e5ff5e;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 16px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Search Bar in Favorites */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-search-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 24px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-search-input-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-search-input-wrapper i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-search-input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 12px 12px 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: white;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fav-search-input:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 4px rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Manual Form */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.manual-form {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.05em;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group:nth-child(1) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row:nth-child(2) .form-group:nth-child(1) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row:nth-child(2) .form-group:nth-child(2) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row:nth-child(3) .form-group:nth-child(1) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #34C759;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row:nth-child(3) .form-group:nth-child(2) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FFB800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row:nth-child(3) .form-group:nth-child(3) label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FF3B30;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: inherit;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group input:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 4px rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 400px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .form-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.2s, box-shadow 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Weekly Intake Chart */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-history-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-history-card .card-header-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-history-card h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-history-card .sub-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.avg-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.avg-badge span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-chart-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid lines for chart */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-chart-container::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-size: 100% 33.33%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: default;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bar-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 150px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: visible;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Changed to show tooltip */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, rgba(212, 244, 88, 0.4) 0%, rgba(212, 244, 88, 0.1) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform-origin: bottom;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Show something if 0 */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Tooltip on Hover */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group .bar-tooltip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -35px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%) translateY(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: white;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    visibility: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:hover .bar-tooltip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    visibility: visible;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%) translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:hover .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group.current .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, var(--primary-lime) 0%, rgba(212, 244, 88, 0.4) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 25px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group.current::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 35px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group .day-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.05em;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group.current .day-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hovering any bar dims others */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-chart-container:hover .chart-bar-group:not(:hover) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.4;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Entrance Animation Stagger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(1) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.1s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(2) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(3) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(4) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.4s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(5) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.5s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(6) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.6s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.chart-bar-group:nth-child(7) .bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition-delay: 0.7s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Total Consumed Large Ring */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.total-consumed-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at center, rgba(212, 244, 88, 0.03) 0%, rgba(0, 0, 0, 0.2) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.main-ring-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 220px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 220px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-ring {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(-90deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.progress-ring__circle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-center-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-center-content .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.1em;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-center-content .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 42px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ring-center-content .unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- MEAL PLANNER STYLES --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Badge in Header */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-week-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.85rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.planner-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 320px 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: calc(100vh - 180px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Fill remaining space */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 600px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Left Panel: Food Library --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.planner-library-panel {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--surface-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.planner-library-panel h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1.2rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-search-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-search-box input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-tab {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.85rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-tab.active,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-tab:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Space for scrollbar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Draggable Food Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-food-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: move;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Indicates dragging */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-food-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-thumb,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-icon-placeholder {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: cover;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-icon-placeholder {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1.2rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.95rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-meta {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.75rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-status-dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-status-dot.safe {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 5px var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-status-dot.caution {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--warning-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lib-status-dot.avoid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drag-handle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.3;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Right Panel: Weekly Grid --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.planner-grid-panel {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--surface-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-x: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Handle small screens */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-grid-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 160px repeat(7, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.corner-cell {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-col-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.75rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-num {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1.2rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Active Day Style */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-name.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-num.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Weekend Styling */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-col-header.weekend .day-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-col-header.weekend .day-num {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(245, 158, 11, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Special Today Highlight */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-col-header.today .day-num:not(.active) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-col-header.today {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-grid-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 160px repeat(7, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-label-cell {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-icon-circle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.meal-label-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.7rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* The Grid Cells */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-cell {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Gaps between cells */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-cell:hover,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-cell.drag-over {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.add-cell-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.9rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.3;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.grid-cell:hover .add-cell-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Meal Tag (Inside Cell) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--surface-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 90%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: fadeIn 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tag-dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tag-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.7rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-overflow: ellipsis;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes fadeIn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(5px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- FIX: Strict Grid Alignment --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-grid-body .grid-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 160px repeat(7, 1fr) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Ensure gap matches header */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Force cells to respect the grid track width */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-grid-body .grid-cell {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-width: 0 !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100% !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Hide overflow */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-sizing: border-box;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Ensure the tag inside doesn't overflow */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 95% !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Leave some padding */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-overflow: ellipsis !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tag-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-overflow: ellipsis !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- FIX: Limit Library to ~7 Items --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Approx 7 items * (60px height + 12px gap) = ~500px */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 520px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Fill remaining space in panel */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Room for scrollbar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Custom Scrollbar for Library */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-list::-webkit-scrollbar-thumb:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Daily Macro Summary --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.day-summary {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.7rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sum-cal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.75rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sum-line {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.65rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sum-line span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.8;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Enhanced Tag Styles --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Use existing flex layout from previous styles but ensure space-between */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Adjust padding for close btn */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: grab;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Indicate draggable */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tag-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.remove-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.9rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Larger hit area */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag:hover .remove-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.remove-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.remove-btn:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-meal-tag.moving {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Edit Meal Modal --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-backdrop {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(5px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: opacity 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-backdrop.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #1a1a1a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 400px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-title {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1.2rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 0.8rem;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modern-input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: inherit;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modern-input:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row-2 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.form-row-3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.action-right {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--danger-red);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-cancel {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #b8d447;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Library Filter Tabs Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-filters {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-x: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    scrollbar-width: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: row !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.library-filters::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-flex !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   FASTING TIMER PAGE STYLES (NEW)


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fasting-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 2fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: calc(100vh - 140px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stats-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Main Timer Card --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card-large {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 0%, #1a1a1d 0%, #0d0d0f 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Grow to fill space */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 450px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 280px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 280px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 20px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 8px solid rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-progress {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Conic gradient for progress visual */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: conic-gradient(var(--primary-lime) 0% 0%, transparent 0% 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    mask: radial-gradient(transparent 65%, white 66%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-mask: radial-gradient(transparent 66%, white 67%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(0deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Start from top? usually -90deg needed depending on gradient logic */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: drop-shadow(0 0 10px rgba(212, 244, 88, 0.2));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-center-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-digits {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 72px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-variant-numeric: tabular-nums;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-target {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 204, 0, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Yellowish for Ketosis */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(250, 204, 21, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(250, 204, 21, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-controls {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 350px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-adjust {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-adjust:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Metabolic Phases Card --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.metabolic-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0d0d0f;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phases-timeline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 60px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translate(-50%, -50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 3px solid #0d0d0f;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.active .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 0 1px var(--primary-lime), 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .dot-ring {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0d0d0f;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .label.highlight {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .time {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .time.highlight {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Hydration Card --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0d0d0f;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-visual-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 140px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-bottle-shape {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Full width container looking */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 120px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px 20px 40px 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Looks like a tank/container */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, #3B82F6 0%, #2563EB 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-controls {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(59, 130, 246, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #60A5FA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(59, 130, 246, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #3B82F6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Uric Alert Card --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, rgba(124, 45, 18, 0.2) 0%, rgba(67, 20, 7, 0.4) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(245, 158, 11, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card .alert-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #F97316;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card .icon-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(249, 115, 22, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(15deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 0 8px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #d1d5db;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(43, 22, 12, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid #7c2d12;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fb923c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #7c2d12;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- FASTING TIMER PAGE STYLES --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Status */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-left: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-pill.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(16, 185, 129, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(16, 185, 129, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-pill .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 8px var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: pulse-green 2s infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes pulse-green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    0% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    70% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 4px rgba(16, 185, 129, 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    100% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Timer Grid Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fasting-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 2fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stats-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Large Timer Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card-large {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 500px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card-large::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: -50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 200%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 200%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 50%, rgba(212, 244, 88, 0.03) 0%, transparent 60%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Tabs */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 2px 10px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab:hover:not(.active) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Timer Ring */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 320px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 320px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 16px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-progress {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: conic-gradient(var(--primary-lime) 0deg, transparent 0deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-mask: radial-gradient(transparent 64%, black 65%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    mask: radial-gradient(transparent 64%, black 65%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(0deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Control rotation via JS if needed, or 0 */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: background 1s linear;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-center-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 223, 0, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(250, 204, 21, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-digits {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 72px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-variant-numeric: tabular-nums;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-target {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Controls */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-controls {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-adjust {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-adjust:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.12);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Metabolic Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.metabolic-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.title-with-icon {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-header-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phases-timeline {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: width 0.5s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: default;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .dot-ring {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: -8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .time {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.7;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.passed .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.passed .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.current .label.highlight {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.current .time.highlight {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hydration Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-right-val {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-right-val small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-visual-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 140px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 20px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-bottle-shape {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px 20px 50px 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(180deg, #60A5FA 0%, #3B82F6 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: height 0.6s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 2;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-controls {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-blue);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(59, 130, 246, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(59, 130, 246, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #60A5FA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Uric Acid Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(145deg, rgba(67, 30, 10, 0.6), rgba(40, 20, 10, 0.8));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(245, 158, 11, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card .alert-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-orange);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card h3 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(255, 255, 255, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.5;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card .icon-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: -10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 80px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: rgba(245, 158, 11, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(15deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(69, 39, 15, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FCD34D;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(245, 158, 11, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(245, 158, 11, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Weekly Streak */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-streak-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--bg-card);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-badge-small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(16, 185, 129, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--accent-green);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.week-letters {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.week-letters span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.week-letters span.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.filter-pill.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- FASTING TIMER PAGE STYLES (PREMIUM OVERRIDES) --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Sidebar Special Button override */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, rgba(212, 244, 88, 0.05) 0%, rgba(212, 244, 88, 0.01) 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer::before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-1px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 20px rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item.special-timer i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 0 10px rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Status */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-pill.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(16, 185, 129, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #34D399;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(16, 185, 129, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.status-pill .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #34D399;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px #34D399;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: pulse-green 2s infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid Layout Refinements */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.fasting-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 2.2fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-gap: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Large Timer Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card-large {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Jet Black */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Brighter border */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Deeper shadow */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 56px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Glow */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-card-large::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: '';


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 50%, rgba(212, 244, 88, 0.03) 0%, transparent 60%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Tabs */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tabs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Deep black text */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 20px rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-tab:hover:not(.active) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Ring */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 380px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 380px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 32px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-ring-bg {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 20px solid #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Dark track */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-digits {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Bigger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: -5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ffffff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(250, 204, 21, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(250, 204, 21, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px rgba(250, 204, 21, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timer-target {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #ffffff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 18px 48px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-timer-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 60px rgba(255, 255, 255, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Metabolic Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.metabolic-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.timeline-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, var(--primary-lime), #fff);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.phase-point.passed .dot {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Hydration */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.hydration-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-bottle-shape {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 0 0 100px 100px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Semi-circle bowl */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: inset 0 20px 40px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.water-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(to bottom, #3b82f6, #1d4ed8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 30px rgba(37, 99, 235, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-water-add:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Uric Acid */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, #2A1205 0%, #170903 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(249, 115, 22, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.uric-alert-card .alert-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #ea580c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(67, 20, 7, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(234, 88, 12, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fdba74;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-guide:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(67, 20, 7, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #ea580c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Weekly Stats */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.weekly-streak-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.week-letters span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.week-letters span.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #ffffff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- Planner Page Updates --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.planner-left-column {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-width: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Prevent flex overflow */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Plan Templates Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-templates-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--surface-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* or #18181b */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid var(--border-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.t-title {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.t-title i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Yellow folder */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-manage {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-manage:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: underline;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Darker inner bg */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-left {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-meta {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-import-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item:hover .btn-import-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item:hover .btn-delete-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-tmpl:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* =========================================


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   SETTINGS PAGE STYLES (Profile & Metabolic)


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}   ========================================= */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-end;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.config-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-header h1 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-header .subtitle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-outline-dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-outline-dark:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 15px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-lime:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Grid Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1.8fr 1.2fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-left,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-right {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sticky-stats {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: sticky;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #111113;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-title-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-title {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card-title i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Unit Toggle */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.unit-toggle {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.unit-toggle button {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.unit-toggle button.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Input Grid */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(2, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group input,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-group select {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-with-unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-with-unit input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.input-with-unit .unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-select-wrapper {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-select-wrapper select {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-select-wrapper i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-50%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Activity Slider */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.activity-selector {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.activity-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: baseline;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.activity-label-active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.activity-sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.range-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 0 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#activitySlider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#ac.settings-slider::-webkit-slider-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.range-labels {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 9px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Dietary Protocol Chips */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.section-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.diet-protocol-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(4, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.protocol-chip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.protocol-chip.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.protocol-chip .name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.protocol-chip.active .name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.protocol-chip .desc {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.exclusions-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-wrap: wrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.exclude-chip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.exclude-chip.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.exclusion-tip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.exclusion-tip i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* IF Protocols */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-protocols-list {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-item.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 2px 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: fit-content;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-radio {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px solid rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-item.active .custom-radio {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-item.active .custom-radio::after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-desc {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-benefit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.if-benefit span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Appearance & Customization Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.appearance-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Color Orbs */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.color-orbs-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.color-orb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--orb-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 3px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.color-orb:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px var(--orb-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.color-orb.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 20px var(--orb-color);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Theme Cards */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-cards-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-card:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-card.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-preview {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 70px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(0, 0, 0, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.preview-sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 30%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.preview-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 70%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.preview-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Theme specific previews in cards */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dark-preview .preview-sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dark-preview .preview-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.dark-preview .preview-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(39, 39, 42, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.oled-preview .preview-sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.oled-preview .preview-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.oled-preview .preview-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #111;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid #222;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.midnight-preview .preview-sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0a0e17;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.midnight-preview .preview-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #0f172a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.midnight-preview .preview-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #1e293b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #A1A1AA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.theme-card.active .theme-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Theme Application Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* These will be triggered via data-theme on body */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-theme="oled"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-dark: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-sidebar: #000000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card: rgba(18, 18, 18, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card-hover: rgba(24, 24, 27, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --border-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-theme="oled"] .app-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-theme="midnight"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-dark: #0f172a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-sidebar: #0a0e17;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card: rgba(30, 41, 59, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --bg-card-hover: rgba(30, 41, 59, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-theme="midnight"] .app-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 70%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Dynamic Accent Colors */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-accent="cyan"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime: #22D3EE;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime-hover: #67E8F9;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-glow: rgba(34, 211, 238, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-accent="emerald"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime: #10B981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime-hover: #34D399;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-glow: rgba(16, 185, 129, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-accent="ruby"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime-hover: #F87171;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-glow: rgba(239, 68, 68, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-accent="amethyst"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-lime-hover: #A78BFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --primary-glow: rgba(139, 92, 246, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Standard Switch Toggle Styling */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.switch {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: inline-block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.switch input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.slider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    right: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: .4s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.slider:before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: white;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: .4s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}input:checked+.slider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}input:checked+.slider:before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(20px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.slider.round {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 34px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.slider.round:before {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Advanced Appearance Layout */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.advanced-appearance-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 25px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 768px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .advanced-appearance-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.appearance-control-box {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-row.mini {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Font Selector */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-selector-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-chip {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-chip:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-chip.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.font-preview {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #A1A1AA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Dynamic Font & Style Classes */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-font="Inter"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Inter', sans-serif !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-font="Montserrat"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Montserrat', sans-serif !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-glass="false"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --card-blur: 0px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body[data-glass="true"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --card-blur: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Increased for better visibility */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Apply Dynamic Roundness */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --app-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Default */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --card-blur: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* We'll use a CSS variable for the blur to toggle it easily */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}:root {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    --card-blur: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stats-card,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.menu-item,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nav-item,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.modal-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: var(--app-radius) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(var(--card-blur)) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Force override */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-backdrop-filter: blur(var(--card-blur)) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Ensure background is slightly translucent to see the effect */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Specific overrides for containers */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(24, 24, 27, 0.6) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Update slider styling for settings */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-slider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 15px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-slider::-webkit-slider-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    appearance: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 3px solid #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.settings-slider::-moz-range-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 10px var(--primary-glow);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 3px solid #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-row:last-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toggle-desc {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Stats Card Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stats-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: #111113;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stats-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-main {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-big {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 48px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-big small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 400;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.lime-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime) !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-sub {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.stat-separator {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Macro Chart in Settings */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-chart-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 180px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 180px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 auto 30px auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-center {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    inset: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-center .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #52525b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-center .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-center .unit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-stats-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-around;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .pct {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .pct.fat {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .pct.protein {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .pct.carbs {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 9px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.macro-mini .grams {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.goal-pill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(0, 0, 0, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.goal-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 800;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.goal-value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Metabolic Safety Card */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.safety-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(39, 39, 42, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.safety-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.safety-card p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.safety-card span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-white);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Sidebar Nav Consistency Fix */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.sidebar .nav-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Responsive fixes for settings */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 1100px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .settings-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .settings-right {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        order: -1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .sticky-stats {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Buttons */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Main Action Buttons */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-action {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--bg-dark);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-action:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 16px rgba(212, 244, 88, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-primary-action.small {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Dark bg like image */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Pill/rounded rect */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Match height approx */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-dark:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Primary Lime */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 0 15px rgba(212, 244, 88, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-lime:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 5px 20px rgba(212, 244, 88, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* === SHOPPING LIST STYLES === */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.shopping-cat-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.shopping-item-row {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    user-select: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.shopping-item-row:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.shop-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #e4e4e7;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.shop-count {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Custom Checkbox */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: relative;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 22px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-user-select: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -moz-user-select: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -ms-user-select: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    user-select: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.checkmark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox:hover input~.checkmark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox input:checked~.checkmark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.checkmark:after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    content: "";


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: absolute;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox input:checked~.checkmark:after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.custom-checkbox .checkmark:after {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 7px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: solid #09090b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Dark bg check color */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-width: 0 2px 2px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -webkit-transform: rotate(45deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    -ms-transform: rotate(45deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: rotate(45deg);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-col-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Center text? Image looks centered or left */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-col-text span:first-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-col-text span:last-child {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0.8;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Toast Notification (Global) */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toast-notification {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%) translateY(100px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    white-space: nowrap;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toast-notification.show {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-50%) translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.toast-notification i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 1.1em;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Header Utilities */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.header-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-dark {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #1a1a1c;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-dark:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #3f3f46;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-lime {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-lime:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-1px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-dark i,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-header-lime i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-import-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item:hover .btn-import-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Icon Picker Premium Styles */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(30, 30, 32, 0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(12px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#iconSearchInput {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#iconSearchInput:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Custom Scrollbar for Icon Picker */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--text-gray);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid i:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.icon-picker-grid i.selected {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* --- MOBILE NAV & DRAWER (GLOBAL) --- */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Mobile Top Bar - Hidden on Desktop */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-top-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Default hidden */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: sticky;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-brand-group {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-logo-img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 32px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-brand-text {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Outfit', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-menu-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Hidden by default, shown in media query */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #27272a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 1001;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Above almost everything */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Drawer & Overlay */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-nav-overlay {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100vw;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.6);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 9998;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: opacity 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-nav-overlay.open {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-nav-drawer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 280px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #18181b;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-right: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 9999;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(-100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mobile-nav-drawer.open {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 30px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-brand {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Outfit', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-close-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-nav {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-family: 'Outfit', sans-serif;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 500;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-item:hover,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-item.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-item.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-divider {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 12px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-user-profile {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-user-profile:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.drawer-user-profile img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 50%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.d-user-info .d-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.d-user-info .d-role {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* MEDIA QUERY FOR MOBILE */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@media (max-width: 768px) {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .sidebar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: none !important;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        /* Hide Sidebar on mobile */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .app-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        margin-left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .main-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .mobile-top-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        /* Show Top Bar */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .mobile-menu-btn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        /* Show Hamburger */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Adjust Layouts */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .top-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 0 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        margin-top: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .header-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .greeting-container h1 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        font-size: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .food-logger-grid,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .planner-container {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        grid-template-columns: 1fr;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        overflow: visible;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .logger-left-col,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .logger-right-col,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .planner-left-column,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .planner-grid-panel {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        overflow: visible;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Food Database overrides */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .db-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        align-items: flex-start;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 0 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .db-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .db-premium-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .db-search-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-right: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-bottom: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .db-filter-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        overflow-x: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding-bottom: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        /* space for scroll bar if needed */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    /* Planner Overrides */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .weekly-grid-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        /* Hide table header on mobile */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .weekly-grid-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        gap: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    .planner-day-col {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        min-width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-right: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        border-bottom: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        padding-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* ===== AI FOOD SCANNER STYLES ===== */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* AI Scan Button */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-ai-scan {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: white;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 10px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-ai-scan:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px) scale(1.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-ai-scan i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Scanner Modal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ai-scan-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: modalSlideUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes modalSlideUp {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(30px) scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0) scale(1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Scan Sections */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: fadeInSection 0.3s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-section.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes fadeInSection {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Scan Options */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-options {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-scan-option {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 24px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px dashed rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: white;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-scan-option:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(139, 92, 246, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-scan-option i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 28px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Image Preview */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.image-preview {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 300px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.image-preview img {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    object-fit: contain;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Loading Animation */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.loading-animation {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 60px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.loading-animation i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 56px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #8B5CF6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: float 3s ease-in-out infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes float {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    0%,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    100% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(0);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    50% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: translateY(-10px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.loading-animation p {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.loading-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0 auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 200px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.loading-bar-fill {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: linear-gradient(90deg, #8B5CF6, #6366F1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: loadingProgress 2s ease-in-out infinite;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes loadingProgress {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    0% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    50% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 70%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    100% {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Results Section */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.scan-results {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: scaleIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}@keyframes scaleIn {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    from {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(0.95);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    to {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        opacity: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}        transform: scale(1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    }


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-header h4 {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.confidence-badge {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 6px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Nutrition Grid */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nutrition-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(2, 1fr);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 20px 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nutrition-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nutrition-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(139, 92, 246, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nutrition-item .label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.nutrition-item .value {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Result Actions */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Save as Favorite Option */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.save-favorite-option {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(250, 204, 21, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(250, 204, 21, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.3s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.save-favorite-option:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(250, 204, 21, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(250, 204, 21, 0.3);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.save-favorite-option input[type="checkbox"] {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    accent-color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.save-favorite-option label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.save-favorite-option label i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Button Overrides for Scanner */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-actions .btn-primary-action,


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-actions .btn-secondary {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-actions .btn-secondary {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.result-actions .btn-secondary:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: rgba(255, 255, 255, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Tab Content Display */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tab-content.active {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* ===== INGREDIENTS EDITOR SECTION ===== */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredients-editor-section {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-top: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredients-editor-section .section-label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 1px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredients-grid {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: grid;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-card-edit {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px dashed rgba(255, 255, 255, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 14px 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-align: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    min-height: 70px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-card-edit:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-2px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-card-edit .ing-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    line-height: 1.3;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-card-edit .ing-amount {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-style: italic;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-ingredient {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.03);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 2px dashed rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 13px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.25s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-ingredient:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-add-ingredient i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Ingredient Mini-Modal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-mini-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    position: fixed;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    top: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    left: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(0, 0, 0, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    backdrop-filter: blur(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10001;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: fadeIn 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.ingredient-mini-modal.hidden {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-content {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #1e1e20;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 90%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-width: 360px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    animation: modalSlideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-bottom: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-header span {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 15px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-mini-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: transparent;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 18px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: color 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.close-mini-modal:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-body .input-group label {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 11px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #a1a1aa;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: block;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-body .input-group input {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 100%;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.05);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #fff;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-body .input-group input:focus {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    outline: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.mini-modal-footer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-ing {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 44px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(239, 68, 68, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-ing:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save-ing {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: var(--primary-lime);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #000;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 700;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-save-ing:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    filter: brightness(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateY(-1px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* ===== SCROLLABLE FOOD EDITOR MODAL ===== */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-content.premium-modal {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: 85vh;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow: hidden;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-body {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    overflow-y: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    max-height: calc(85vh - 160px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding-right: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-footer {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-top: 1px solid rgba(255, 255, 255, 0.08);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 16px 24px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #1e1e20;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-top: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* Scrollbar styling for modal */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-body::-webkit-scrollbar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 6px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-body::-webkit-scrollbar-track {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.02);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-body::-webkit-scrollbar-thumb {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 3px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}#foodEditorModal .modal-body::-webkit-scrollbar-thumb:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(255, 255, 255, 0.25);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}/* ===== PLAN TEMPLATES STYLES ===== */


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 12px 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(30, 30, 35, 0.8);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.template-item:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(40, 40, 48, 0.9);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: translateX(4px);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-left {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex: 1;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 40px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 2px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-shrink: 0;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.green {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #10b981;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.yellow {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #FACC15;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.purple {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #A855F7;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-bar.blue {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: #3B82F6;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-info {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    flex-direction: column;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 4px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-name {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 14px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-meta {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-transform: uppercase;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    letter-spacing: 0.5px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-actions {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 8px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    z-index: 10;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.tmpl-actions button {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    width: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    height: 36px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    cursor: pointer;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transition: all 0.2s ease;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    pointer-events: auto;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #EF4444;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-delete-tmpl:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(239, 68, 68, 0.2);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-import-tmpl {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.15);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.btn-import-tmpl:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(212, 244, 88, 0.25);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    transform: scale(1.1);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.plan-templates-card {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    background: rgba(24, 24, 27, 0.7);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border: 1px solid rgba(255, 255, 255, 0.06);


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    border-radius: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    padding: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 20px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    justify-content: space-between;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    margin-bottom: 16px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header .t-title {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    display: flex;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    align-items: center;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    gap: 10px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-weight: 600;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #FAFAFA;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header .t-title i {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header .btn-manage {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    font-size: 12px;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #71717a;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    text-decoration: none;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}.templates-header .btn-manage:hover {


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}    color: #D4F458;


/* Settings Logout Button */
.btn-logout-settings {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.1);
    border-radius: var(--app-radius, 16px);
    color: #EF4444;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-logout-settings:hover {
    background: #EF4444;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.btn-logout-settings i {
    font-size: 18px;
}}